
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
		<link rel="stylesheet" type="text/css" href="/res/layui/css/layui.css">
		<script type="text/javascript" src="/res/layui/layui.js"></script>
		<meta name="viewport" content="width=device-width, initial-scale=1.1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
		<title>个人中心</title>

		<link href="/res/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="/res/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">

		<link href="/res/AmazeUI-2.4.2/assets/css/personal.css" rel="stylesheet" type="text/css">
		<link href="/res/AmazeUI-2.4.2/assets/css/stepstyle.css" rel="stylesheet" type="text/css">

		<script src="/res/AmazeUI-2.4.2/assets/js/jquery.min.js" type="text/javascript"></script>
		<script src="/res/AmazeUI-2.4.2/assets/js/amazeui.js" type="text/javascript"></script>

	</head>

	<body>
		<!--头 -->
		<header>
			<article>
				<div class="mt-logo">
					<!--顶部导航条 -->
					<div class="am-container header" style="display:inline-block">
						<ul class="message-l">
							<div class="topMessage home">
								<div class="menu-hd"><a href="/index" target="_top" class="h">首页</a></div>
							</div>
						</ul>
						<ul class="message-r">
							<div class="topMessage mini-cart">
								<div class="menu-hd">
									<a id="mc-menu-hd" href="#" target="_top">
										<li class="layui-nav-item" lay-unselect="" style="display: inline-block;">
											<div id="username" style="color: crimson;margin-right: 6px;font-size: 24px" th:text="${session.userName}">&nbsp;&nbsp;</div>
										</li>
									</a>
								</div>
							</div>
							<div class="topMessage favorite">
								<div class="menu-hd">
									<a href="#" target="_top">
										<div class="login"><a href="/login.html"><p  style="color: coral" th:text="${session.userName!=null?'':'登录'}"></p></a></div>
									</a>
								</div>
							</div>
							<div class="topMessage my-shangcheng">
								<div class="menu-hd MyShangcheng"><a  style="color: coral;margin-right: 6px;font-size: 15px" href="#" target="_top">个人中心 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></div>
							</div>

						</ul>
					</div>

						<!--悬浮搜索框-->
					<div class="nav white">
						<div class="logoBig">
							<h1 class="mallLogo" style="margin-top: 30px">
								<a href="#" title="母婴商城">
									<img style=" width: 80px;height: 30px" src="/res/static/img/logo.png">
								</a>
							</h1>
						</div>

						<div class="search-bar pr">
							<span style="align-content: center;color: #eb7350;font-size: 35px">修改密码</span>
						</div>
					</div>

						<div class="clear"></div>
					</div>
				</div>
			</article>
		</header>

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">

					<div class="am-cf am-padding">
						<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">修改密码</strong> / <small>Password</small></div>
					</div>
					<hr/>
					<!--&lt;!&ndash;进度条&ndash;&gt;-->
					<!--<div class="m-progress">-->
						<!--<div class="m-progress-list">-->
							<!--<span class="step-1 step">-->
                                <!--<em class="u-progress-stage-bg"></em>-->
                                <!--<i class="u-stage-icon-inner">1<em class="bg"></em></i>-->
                                <!--<p class="stage-name">重置密码</p>-->
                            <!--</span>-->
							<!--<span class="step-2 step">-->
                                <!--<em class="u-progress-stage-bg"></em>-->
                                <!--<i class="u-stage-icon-inner">2<em class="bg"></em></i>-->
                                <!--<p class="stage-name">完成</p>-->
                            <!--</span>-->
							<!--<span class="u-progress-placeholder"></span>-->
						<!--</div>-->
						<!--<div class="u-progress-bar total-steps-2">-->
							<!--<div class="u-progress-bar-inner"></div>-->
						<!--</div>-->
					<!--</div>-->

					<span style="margin-left: 200px; align-content: center;color: red"
						  th:text="${mustbe}">

						</span>

					<form class="am-form am-form-horizontal" action="/myself" id="mustok" method="post">

						<div class="am-form-group" style="margin-top: 30px">
							<span style="margin-left: 200px; align-content: center;color: red"
								  th:text="${nosuccess}">

							</span>
							<label for="user-old-password" class="am-form-label">原密码</label>
							<div class="am-form-content">
								<input type="password" name="oldpassword" id="user-old-password" placeholder="请输入原登录密码" >
							</div>
						</div>
						<div class="am-form-group">
							<label for="user-new-password" class="am-form-label">新密码</label>
							<div class="am-form-content">
								<input type="password" name="nowpassword" id="user-new-password" placeholder="由数字、字母组合">
							</div>
						</div>
						<div class="am-form-group">
							<label for="user-confirm-password" class="am-form-label">确认密码</label>
							<div class="am-form-content">
								<input type="password" name="twopassword" id="user-confirm-password" placeholder="请再次输入上面的密码">
							</div>
							<div style=" margin-top: 10px;">
								<span style=" margin-top: 10px;margin-left: 230px; align-content: center;color: red"
											 th:text="${mustok}">
								</span>
							</div>
						</div>

						<div class="info-btn">

							<input style="font-size: 20px;color: #eb7350" type="submit"  onclick="MustOk" value="确认修改"/>
						</div>
					</form>

				</div>
				<!--底部-->
				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="/index">商城首页</a>
							<b>|</b>
							<a href="#">支付宝</a>
							<b>|</b>
							<a href="#">物流</a>
						</p>
					</div>
				</div>
			</div>

			<aside class="menu">
				<ul>
					<li class="person">
						<a href="#">修改密码操作</a>
					</li>
				</ul>
			</aside>
		</div>


	<script language="JavaScript">
		function  MustOk() {
			if (CheckPost()){
				document.mustok.submit();
			}
		}
		function CheckPost() {
			if (mustok.oldpassword.value=="" & mustok.nowpassword.value=="" & mustok.twopassword==" "){
					alert("不能为空！请填写完整！");
					mustok.oldpassword.focus();
					mustok.nowpassword.focus();
					mustok.twopassword.focus();
					return false;
			}

		}
	</script>
	</body>


</html>